{% extends "layout.html" %} {% block title %}{{ title }}{% endblock %} {% block
keywords %}{{ meta_keywords }}{% endblock %} {% block description %}{{
meta_description }}{% endblock %} {% block article %} {% for a in articles %}
<article class="artlist artlist_border rounded-lg p-4">
    <div class="card-body">
      <div>
        <a href="{{ site_url }}{{a.url}}.html"
          ><h3 class="list-title text-2xl">{{ a.title }}</h3></a
        >
      </div>
      <p class="my-4 text-base">{{ a.description }}</p>
      <div class="flex items-center text-base">
        <a href="{{ site_url }}{{a.url}}.html" class="block justify-start w-1/2">阅读全文 ➞</a>
      <p class="flex justify-end w-1/2">发表于:<span class="cr-time">{{ a.time }}</span></p>
      </div>
    </div>
</article>

{% endfor %}

<div class="flex flex-nowrap justify-items-center px-8 my-8">
  <a href="{{ prevurl }}"  class="basis-1/3 text-left">
    <!-- Component: Base secondary basic button -->
<button class="artlist transition text-orange-600 hover:text-rose-600">
  <span>Prev</span>
</button>
<!-- End Base secondary basic button -->
  </a>

  <div class="w-full basis-1/3 text-center" style="line-height: 48px">
    {{ page_num }}
  </div>

  <a href="{{ nexturl }}" class="basis-1/3 text-right">
    <!-- Component: Base secondary basic button -->
<button class="artlist transition text-orange-600 hover:text-rose-600">
  <span>Next</span>
</button>
<!-- End Base secondary basic button -->
  </a>
</div>

{% endblock %}
